<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../style/base.css" />
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
  </head>

  <body>
    <div class="container-fluid home">
      <header class="clearfix">
        <h1>在线教育考试平台</h1>
        <span class="glyphicon glyphicon-arrow-left z-left"></span>
        <div class="zlj-right">
          <span class="glyphicon glyphicon-search"></span>
          <span class="glyphicon glyphicon-bell"></span>
          <input type="file" id="file" />
          <img src="../images/6.jpg" alt="" class="show-img" />
          <span class="yonghu">admin</span>
          <span class="glyphicon glyphicon-off"></span>
        </div>
      </header>
      <section>
        <nav>
          <ul class="tz-left-ul clearfix zljshouye">
            <li class="tz-second-li">
              <span
                class="glyphicon glyphicon-home tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>首页</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-align-justify tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>题库管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye21">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye21"
                    >题目分类</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye22">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye22"
                    >题目列表</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="2"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-list-alt tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>试卷管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye31">
                  <span
                    data-id="13"
                    data-href="#"
                    class="zlj-shouye31 tz-left-margin"
                    >试卷分类
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye32">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye32"
                    >试卷列表</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="2"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-calendar tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>考务管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye41">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye41"
                    >准考证
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye42">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye42"
                    >签到表</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye43">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye43"
                    >桌贴</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye44">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye44"
                    >门贴</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="4"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-book tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>考试管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye51">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye51"
                    >考试列表
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye52">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye52"
                    >考试审批</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye53">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye53"
                    >考试监控</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="3"></div>
            </li>
            <li class="tz-second-li">
              <span
                class="glyphicon glyphicon-education tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>考生管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>统计分析</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye71">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye71"
                    >考试分析
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye72">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye72"
                    >试卷分析</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="2"></div>
            </li>
            <li class="tz-second-li">
              <span
                class="glyphicon glyphicon-tower tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>证书管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-cog tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>系统管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye91">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye91"
                    >角色权限
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye92">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye92"
                    >短信设置</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye93">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye93"
                    >安全设置</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye94">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye94"
                    >系统日志</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="4"></div>
            </li>
          </ul>
        </nav>
        <main>
          <!-- 主面的头部 -->
          <div class="zz-main-div2">
            <div class="zz-main-span1">
              <span class="zz-span-color1">系统管理</span>
              <span>/</span>
              <span>短信设置</span>
            </div>
            <h2>短信设置</h2>
          </div>
          <div class="lwy-main-sect clearfix">
            <div class="zz-main-input1 clearfix">
              <nav>
                <form class="form-inline">
                  <div class="form-group zz-nav-input">
                    <label for="exampleInputName2">模板内容：</label>
                    <input
                      type="text"
                      class="form-control"
                      id="exampleInputName2"
                      placeholder="请输入"
                      style="width: 280px"
                    />
                  </div>
                  <div class="zz-nav-sel">
                    <label for="exampleInputName">模板分类：</label>
                    <select
                      class="form-control zz-searchcon"
                      style="width: 200px"
                    >
                      <option value="">请选择</option>
                      <option value="考试提醒">考试提醒</option>
                      <option value="考试监控">考试监控</option>
                      <option value="考试检测">考试检测</option>
                      <option value="开始考试">开始考试</option>
                      <option value="题库系统">题库系统</option>
                    </select>
                  </div>
                  <div>
                    <button
                      type="button"
                      class="btn btn-primary zz-but z-btn zz-search"
                    >
                      查 询
                    </button>

                    <button type="button" class="btn btn-default zz-but z-btn1">
                      重 置
                    </button>
                  </div>
                </form>
              </nav>
            </div>
            <div>
              <button
                type="button"
                class="btn btn-primary btn-lg zz-but-1"
                data-toggle="modal"
                data-target="#myModal"
              >
                新增模板
              </button>
              <button
                type="button"
                class="btn btn-default btn-lg zz-but-2"
                data-toggle="modal"
                data-target="#myModal1"
              >
                模板分类
              </button>
            </div>
            <!-- 模态框 -->
            <div
              class="modal fade"
              id="myModal"
              tabindex="-1"
              role="dialog"
              aria-labelledby="myModalLabel"
            >
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button
                      type="button"
                      class="close"
                      data-dismiss="modal"
                      aria-label="Close"
                    >
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <div>
                      <label for="">*分类名称：</label>
                      <select class="form-control zz-add-sel">
                        <option value="">请选择分类排序</option>
                        <option value="考试提醒">考试提醒</option>
                        <option value="考试监控">考试监控</option>
                        <option value="考试检测">考试检测</option>
                        <option value="开始考试">开始考试</option>
                        <option value="题库系统">题库系统</option>
                      </select>
                    </div>
                    <div>
                      <label for="">*模板内容：</label>
                      <textarea
                        class="form-control zz-add-con"
                        rows="3"
                        maxlength="65"
                      ></textarea>
                      <span class="scor"
                        >模板内容不能多于65个字，当前已输入0个字
                      </span>
                    </div>
                    <div>
                      <h5 style="font-weight: 700">特别说明：</h5>
                      <p>1、请不要在短信模板内容中填写特殊字符，包括换行符。</p>
                      <p>
                        2、短信模板内容不能多于65个字（其中空格、数字、字母、汉字均为一个字）
                      </p>
                    </div>
                    <div>
                      <h5 style="font-weight: 700">变量说明：</h5>
                      <p>
                        1、{称呼}
                        表示企业联系人的称呼或个人客户的称呼(如：王总,周经理,就是客户信息中的称呼，如果为空则发送时会显示联系人名)
                      </p>
                      <p>
                        2、{联系人名}
                        表示企业联系人名称或个人客户的名称(如：张三)
                      </p>
                      <p>
                        3、{客户名} 表示企业客户的客户名称(如：
                        深圳市亿恩科技有限公司 )
                      </p>
                    </div>
                    <button
                      type="button"
                      class="btn btn-primary"
                      data-toggle="modal"
                      data-target="#myModal1"
                      data-dismiss="modal"
                    >
                      继续添加
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <!-- 模态框 2-->
            <div
              class="modal fade"
              id="myModal1"
              tabindex="-1"
              role="dialog"
              aria-labelledby="myModalLabel"
            >
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button
                      type="button"
                      class="close"
                      data-dismiss="modal"
                      aria-label="Close"
                    >
                      <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">新增</h4>
                  </div>
                  <div class="modal-body">
                    <div class="form-group">
                      <label for="exampleInputName2">*创建人员：</label>
                      <input
                        type="text"
                        class="form-control zz-add-name"
                        id="exampleInputName2"
                        placeholder="请输入分类名称"
                      />
                    </div>
                    <div class="modal-body">
                      <div class="form-group">
                        <label for="exampleInputName3">*创建时间：</label>
                        <input
                          type="datetime-local"
                          class="form-control zz-add-time"
                          id="exampleInputName3"
                          placeholder="请输入"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button
                      type="button"
                      class="btn btn-default"
                      data-dismiss="modal"
                    >
                      取消
                    </button>
                    <button
                      type="button"
                      class="btn btn-primary zz-add-save"
                      data-dismiss="modal"
                    >
                      保存
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="zz-div"></div>
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr class="active">
                    <th id="th1">序号</th>
                    <th id="th1">模板内容</th>
                    <th id="th1">模板分类</th>
                    <th id="th1">创建人员</th>
                    <th id="th1">创建时间</th>
                    <th id="th1">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <!-- <tr>
                <td id="td1"><label>
                    <input type="checkbox">
                  </label></td>
                <td id="td1">温馨提示：参加考试请务必携带准考证和身份证，并认真核对考试......</td>
                <td id="td1">考试提醒</td>
                <td id="td1">李小明</td>
                <td id="td1">2019-3-21 10:23</td>
                <td id="td1">
                  <button type="button" class="btn btn-primary">删除</button>
                  <button type="button" class="btn btn-primary">修改</button>
                </td>
              </tr> -->
                </tbody>
              </table>
              <!-- 修改弹框 -->
              <div
                class="modal fade"
                id="editModal"
                tabindex="-1"
                role="dialog"
                aria-labelledby="myModalLabel"
              >
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-body">
                      <form>
                        <div class="form-group">
                          <label for="exampleInputEmail1">模板内容</label>
                          <input
                            type="text"
                            class="form-control zz-edit-con"
                            id="exampleInputEmail1"
                            placeholder="请输入"
                          />
                        </div>
                        <div class="form-group">
                          <label for="exampleInputEmail1">模板分类</label>
                          <select class="form-control zz-edit-category">
                            <option value="" selected hidden>请选择</option>
                            <option value="考试提醒">考试提醒</option>
                            <option value="考试提醒">考试提醒</option>
                            <option value="考试提醒">考试提醒</option>
                          </select>
                          <label for="exampleInputName2">创建人员</label>
                          <input
                            type="tel"
                            class="form-control zz-edit-figure"
                            id="exampleInputName2"
                            placeholder="请输入"
                          />
                          <label for="exampleInputName8">创建时间</label>
                          <input
                            type="datetime-local"
                            class="form-control z-edit-time"
                            id="exampleInputName8"
                            placeholder="请输入"
                          />
                        </div>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <button
                        type="button"
                        class="btn btn-default"
                        data-dismiss="modal"
                      >
                        取消
                      </button>
                      <button
                        data-dismiss="modal"
                        type="button"
                        class="btn btn-primary zz-save-btn"
                      >
                        保存
                      </button>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 删除弹框 -->
              <div
                class="modal fade"
                id="delModal"
                tabindex="-1"
                role="dialog"
                aria-labelledby="myModalLabel"
              >
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-body">您确定删除吗？</div>
                    <div class="modal-footer">
                      <button
                        type="button"
                        class="btn btn-default"
                        data-dismiss="modal"
                      >
                        取消
                      </button>
                      <button
                        type="button"
                        data-dismiss="modal"
                        class="btn del-btn btn-primary z-dele-btn"
                      >
                        确定
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </main>
      </section>
    </div>
    <link rel="stylesheet" href="../style/system-message.css" />
    <script src="../js/system-message.js"></script>
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/base.js"></script>
  </body>
</html>
